@import "../config.less";
/*路轮播图样式*/
.carousel{
	width: 100%;
	height: 234/@r;

	.carousel-container{
		width: 100%;
	}
	.carousel-images{
		
	}
	img{
		width: 750/@r;
		height: 234/@r;
	}
}
.swiper-container{
	img{
		width: 100%;
	}
	.page-item{
		background-color: red;
	}
	.swiper-pagination-bullets{
		.swiper-pagination-bullet{
			background-color: #ffffff;
			opacity: 1;
		}
		/*.swiper-pagination-bullet{
			background-color: @white;
		}*/
		.swiper-pagination-bullet-active{
			background-color: @blue;
			width: 32/@r;
			height: 16/@r;
			/*border-top-left-radius: 16/@r;
			border-bottom-left-radius: 16/@r;
			border-top-right-radius: 16/@r;
			border-bottom-right-radius: 16/@r;*/
			border-radius: 16/@r;
		}
	}
}
/*简介样式*/
.profile{
	margin-top: 20/@r;
	padding-left: 64/@r;
	padding-right: 64/@r;
	display: flex;
	justify-content: space-between;
	.profile-item{
		width: 144/@r;
		height: 134/@r;
		text-align: center;
		position: relative;
		img.gongchang{
			width: 110/@r;
			height: 90/@r;
		}
		img.yonghu{
			width: 108/@r;
			height: 88/@r;
			margin-top: 6/@r;
		}
		img.dingdan{
			width: 108/@r;
			height: 88/@r;
		}
		p{
			position: absolute;
			width: 100%;
			bottom: 0;
			font-size: 20/@r;
			text-align: center;
		}
	}
}

/*商品板块样式*/
.product-section{
	margin-top: 66/@r;
	overflow: hidden;
	.product-section-title{
		display: flex;
		justify-content: center;
		align-items: center;
		.product-title-line{
			width: 200/@r;
			height: 2/@r;
			background:rgba(232,232,232,1);
		}
		.product-title-text{
			font-size: 20/@r;
			margin: 0 10/@r;
		}
	}
	.product-list{
		padding-left: 40/@r;
		padding-right: 40/@r;
		.product{
			margin-top: 32/@r;
			float: left;
		}
		.product-add{
			overflow: hidden;
			.default{
				display: block;
				margin-top: 29/@r;
			}
			.default-logo{
				width: 320/@r;
				height: 320/@r;
			}
		}
		.product:nth-child(2n){
			margin-left: 30/@r;
		}
	}
}


.addition-section{
	margin-top: 88/@r;
	.addition-title{
		display: flex;
		justify-content: center;
		align-items: center;
		.line{
			width: 200/@r;
			height:  2/@r;
			background-color: #E8E8E8;
		}
		.addition-title-text{
			margin: 0 10/@r;
			font-size: 20/@r;
		}
	}

	.addition-content{
		display: flex;
		padding-left: 30/@r;
		padding-right: 30/@r;
		flex-wrap: wrap;
		.addition-item{
			margin-top: 40/@r;
			width: 230/@r;
			text-align: center;
		}
		.addition-item-logo{
			width: 100/@r;
			height: 100/@r;
		}
		.addition-item-text{
			margin-bottom: 20/@r;
			font-size: 24/@r;
		}
		.addition-item-desc{
			margin-left: -35/@r;
			width: 300/@r;
			font-size: 20/@r;
			color: @grey;
			transform: scale(0.7);
			line-height: 24/@r;
			transform-origin: middle;
		}
	}
	.addition-group{
		margin-top: 50/@r;
		display: flex;
		justify-content: center;
		.btn{
			width: 160/@r;
			height: 56/@r;
			display: block;
			border: 1/@r solid @blue;
			text-align: center;
			line-height: 56/@r;
			font-size: 18/@r;
			text-decoration: none;
		}
		.btn-left{
			color: @blue;
		}
		.btn-right{
			background-color: @blue;
			color: #ffffff;
		}
	}
}

.qrcode-content{
	margin-top: 144/@r;
	text-align: center;
	.erweima-icon{
		width: 196/@r;
		height: 196/@r;
	}
	.qrcode-text{
		font-size: 24/@r;
		color: @grey;
	}
}




.footer{
	margin-top: 70/@r;
	text-align: center;
	margin-bottom: 80/@r;
	.logo{
		width: 280/@r;
		margin-bottom: 10/@r;
	}
	p{
		font-size: 16/@r;
		color: @grey;
	}
}

